---
{
	"title": "Validateur de tableau",
	"language": "fr",
	"category": "Autre",
	"description": "Outils pour les éditeur web qui fourni une assistance afin de produire des tableaux conforme au norme WCAG",
	"tag": "tablevalidator",
	"parentdir": "tablevalidator",
	"altLangPrefix": "tablevalidator",
	"js": ["demo/tablevalidator"],
	"dateModified": "2019-10-18"
}
---
<div class="wb-prettify"></div>

<p>Ce validateur de tableau est un outil pour les éditeur web qui fourni une assistance afin de produire des tableaux conforme au norme WCAG. Cet outil aide à identifier des erreurs de relations  à l'intérieur du tableau entré. Pour utiliser ce validateur de tableaux <strong>collez votre code HTML de votre tableaux</strong> dans le champs texte ci-dessous et après <strong>Validez le</strong></p>

<details>
	<summary>Avis concernant cet outils</summary>

	<p>Certaine partie du contenu n'a pas encore été traduite. Comme les messages d'erreur et d'avertissement.</p>

	<p>Le code HTML produit par cet outils peut varié dépendant du fureteur utilisé. Par example, il se peut que tous les éléments HTML soit en majuscule avec Internet Explorer mais pas avec Chrome et Firefox</p>

	<p>L'analyse est basé sur la structure du tableau fourni en entré. Le contenu des cellules aura aucune influence sur le résultat obtenu. Il est assumé que le tableau fourni en entré illustre correctement les relations d'un point de vue visuelle et aussi que les éléments tabulaires approprié ont été utilisé. Pour de plus ample renseignement, vous pouvez consultez les règles du WCAG et aussi les <a href="https://wet-boew.github.io/wet-boew-legacy/v3.1/demos/tableparser/index-en.html" hreflang="en">12 techniques pour les tableaux</a>.</p>
</details>

<form id="formtablevalidator" class="col-xs-12">
	<fieldset>
		<legend>Options</legend>
		<label class="checkbox-inline" for="chkHassum">
			<input type="checkbox" value="chkHassum" id="chkHassum" /> Contient des groupes sommaire
		</label>
		<label class="checkbox-inline" for="chkCleanMarkup">
			<input type="checkbox" value="chkCleanMarkup" id="chkCleanMarkup" /> Ne pas nettoyer l'HTML
		</label>
	</fieldset>

	<fieldset>
		<legend>Accessibilité</legend>
		<label class="radio-inline" for="access-1">
			<input type="radio" name="access" checked="checked" id="access-1" /> Automatique <em>(par défaut)</em>
		</label>
		<label class="radio-inline" for="access-2">
			<input type="radio" name="access" id="access-2" /> Scope
		</label>
		<label class="radio-inline" for="access-3">
			<input type="radio" name="access" id="access-3" /> Ids/headers
		</label>
	</fieldset>

	<fieldset>
		<legend>Ids/headers paramètres</legend>
		<div class="form-group">
			<label for="idprefix">Préfixe d'Ids:</label>
			<input type="text" id="idprefix" value="tbl" class="form-control" />
		</div>
		<div class="checkbox">
			<label for="uniqueprefix">
				<input type="checkbox" value="uniqueprefix" id="uniqueprefix" /> Auto généré le préfixe
			</label>
		</div>
	</fieldset>

	<fieldset>
		<legend>Outil de validation</legend>
		<div class="form-group">
			<label for="inputsourcecode">Ajoutez votre contenu ci-dessous, en incluant l'élément <code>&lt;table&gt;&lt;/table&gt;</code></label>
			<textarea id="inputsourcecode" class="form-control" rows="15" cols="200" placeholder="Collez votre code HTML du tableau"></textarea>
		</div>
		<div class="form-group">
			<input id="validatetable" type="submit" value="Validez" class="btn btn-primary" />
		</div>
		<div class="form-group">
			<input type="reset" value="Réinitialiser la page aux valeurs par défaut" class="btn btn-link btn-sm p-0 pt-4" />
		</div>
	</fieldset>

	<fieldset>
		<legend>Résultats</legend>
		<p id="lblerrors"><strong>Erreur\Avertissement:</strong></p>
		<div id="errors" lang="en">
			<p lang="fr">Aucun résultats</p>
		</div>
		<p id="lblresults"><strong>Code HTML résultant:</strong></p>
		<div id="results">
			<p>Aucun résultats</p>
		</div>
		<p id="lblvisualoutput"><strong>Visuel:</strong></p>
		<div id="visualoutput">
			<p>Aucun résultats</p>
		</div>
	</fieldset>
</form>
